<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../css/youlunet.css"/>
	</head>
	<body>
		<!-- 第一行的条幅 start  -->
		<div class="bannerWrapper">
			<div class="banner">
				<div class="bannerL" >
					您好，欢迎光临有路网
				</div>
				<div class="bannerR" >
					<span class="login" >
						<a href="???">请登陆</a>
					</span>
					  免费注册|
					我的有路
					|我要开店|
					有路公众号
					|团购批发|
					客服服务
				</div>
			</div>
		</div>
		<!-- 第一行的条幅 end  -->
		
		
		<!-- 搜索栏 start  -->
		<div class="searchWrapper">
			<div  class="item pic">
				<img src="https://www.youlu.net/images/home/logo.jpg?v=0.3" >
			</div>
			<div class="item input">
				<div class=""  style="display: inline-block;">
					<div class="inputWrapper">
						<input type="text" name="" id="" value=""  placeholder="书名、作者"/><button type="button">搜索</button>
					</div>
					<div class="hot">
						热门搜索：<a href="">高等数学（第七版）</a> <a href=""> 计算机网络</a>  <a href="">管理学</a>	<a href="">大学英语</a>
					</div>
				</div>
				<div  style="display: inline-block;">
					<span  style="display: inline-block;width: 40px;padding: 0 5px;height: 70px;line-height: 32px;border-right: solid 1px gray;">
						同店找书
					</span>
					<span  style="display: inline-block;width: 40px;padding: 0 5px;height: 70px;line-height: 32px">
						高级搜索
					</span>
				</div>
			</div>
			<div class="item carts">
				<div class="cart sitecart ">
					<a href="">网站购物车<span>0</span>本</a>
				</div>
				<div class="cart sitecart2 ">
					<a href="">店铺购物车<span>0</span>本</a>
				</div>
				
			</div>
		</div>
		<!-- 搜索栏 end  -->
		
		
		<!-- 导航 start  -->
		<div class="navWrapper">
			<div class="nav">
				<ul>
					<li>全部图书 <i class="fa fa-download" >  </i> </li><li>首页</li><li>回收旧书</li><li>分类</li><li>入驻书店</li>					<li>文具</li>
				</ul>
			</div>
		</div>
		<!-- 导航 end  -->
		
		
		<!-- 内容部分 start  -->
		<div class="contentWrapper">
			<div class="contentLeft">
				<div class="cate">
					<div class="title">
						经济管理  <div>&gt;</div>
					</div>
					<div class="cate_items">
						<a href="">市场营销</a>
						<a href="">经济学理论</a>
						<a href="">国际贸易</a>
						<a href="">物流管理</a>
						<a href="">管理学原理</a>
						<a href="">财务管理</a>
					</div>
				</div>
				<div class="cate">
					<div class="title">
						经济管理  <div>&gt;</div>
					</div>
					<div class="cate_items">
						<a href="">市场营销</a>
						<a href="">经济学理论</a>
						<a href="">国际贸易</a>
						<a href="">物流管理</a>
						<a href="">管理学原理</a>
						<a href="">财务管理</a>
					</div>
				</div>
				<div class="cate">
					<div class="title">
						经济管理  <div>&gt;</div>
					</div>
					<div class="cate_items">
						<a href="">市场营销</a>
						<a href="">经济学理论</a>
						<a href="">国际贸易</a>
						<a href="">物流管理</a>
						<a href="">管理学原理</a>
						<a href="">财务管理</a>
					</div>
				</div>
				<div class="cate">
					<div class="title">
						经济管理  <div>&gt;</div>
					</div>
					<div class="cate_items">
						<a href="">市场营销</a>
						<a href="">经济学理论</a>
						<a href="">国际贸易</a>
						<a href="">物流管理</a>
						<a href="">管理学原理</a>
						<a href="">财务管理</a>
					</div>
				</div>
				<div class="cate">
					<div class="title">
						经济管理  <div>&gt;</div>
					</div>
					<div class="cate_items">
						<a href="">市场营销</a>
						<a href="">经济学理论</a>
						<a href="">国际贸易</a>
						<a href="">物流管理</a>
						<a href="">管理学原理</a>
						<a href="">财务管理</a>
					</div>
				</div>
			</div>
			<div class="contentRight">
				<div class="caption">
					<a href="">如何购买</a > | <a href="">如何支付 </a> | <a href="">旧书缺货怎么办 </a> | <a href="">配送方式与配送费 </a> | <a href="">普通会员与VIP会员 </a> | <a href="">有路积分说明 </a> | <a href="">有路礼券说明 </a> | <a href="">账户余额说明 </a> | <a href="">退款退货说明</a> | <a href="">电子书购买说明</a>
				</div>
				<div class="center">
					<div class="swiper">
						<div class="imgs" >
							<img src ="https://img1.youlu.net/pic/flash/202008271438183818.jpg"/>
							<img src ="https://img1.youlu.net/pic/flash/202208251647114711.jpg"/>
							<img src ="https://img1.youlu.net/pic/flash/202008271438183818.jpg"/>
							<img src ="https://img1.youlu.net/pic/flash/202008271438183818.jpg"/>
						</div>
						<div class="dot">
							<span>1</span>
							<span>2</span>
							<span>3</span>
							<span>4</span>
							<span>5</span>
							<span>6</span>
						</div>
						
					</div>
					<div class="recommend">
						<div class="recommendTitle">
							<div class="recommendTitleL inlineblock">
								推荐图书
							</div>  
							<div class="recommendTitleR inlineblock">
								<span class="currentPage" >1</span>/3
							</div>
							<hr >
							
							<div class="booksPage">
								<div class="book_item">
									<img src="https://img7.youlu.net/bookpic/l/557/30705570450c4.jpg-n" width="150px" height="150px" >
									<div class=""  style="padding: 0 40px;width: 100%;">
										<div class="" style="height: 40px;">
											谁的青春不迷茫
										</div>
										<div class="" style="height: 20px ;font-size: 12px;color:grey;">
											刘同
										</div>
										<div class="" style="">
										 <span style="color:red;">¥5.00</span> <span style="color:grey;text-decoration:line-through;margin-left:10px" >¥35.00</span>
										</div>
									</div>
								</div>
								<div class="book_item">
									<img src="https://img7.youlu.net/bookpic/l/688/3582688305338.jpg-n" width="150px" height="150px" >
									<div class=""  style="padding: 0 40px;width: 100%;">
										<div class="" style="height: 40px;">
											谁的青春不迷茫
										</div>
										<div class="" style="height: 20px ;font-size: 12px;color:grey;">
											刘同
										</div>
										<div class="" style="">
										 <span style="color:red;">¥5.00</span> <span style="color:grey;text-decoration:line-through;margin-left:10px" >¥35.00</span>
										</div>
									</div>
								</div>
								<div class="book_item">
									<img src="https://img7.youlu.net/bookpic/l/531/3523531a67adc.jpg-n" width="150px" height="150px" >
									<div class=""  style="padding: 0 40px;width: 100%;">
										<div class="" style="height: 40px;">
											谁的青春不迷茫
										</div>
										<div class="" style="height: 20px ;font-size: 12px;color:grey;">
											刘同
										</div>
										<div class="" style="">
										 <span style="color:red;">¥5.00</span> <span style="color:grey;text-decoration:line-through;margin-left:10px" >¥35.00</span>
										</div>
									</div>
								</div>
								<div class="book_item">
									<img src="https://img7.youlu.net/bookpic/l/557/30705570450c4.jpg-n" width="150px" height="150px" >
									<div class=""  style="padding: 0 40px;width: 100%;">
										<div class="" style="height: 40px;">
											谁的青春不迷茫
										</div>
										<div class="" style="height: 20px ;font-size: 12px;color:grey;">
											刘同
										</div>
										<div class="" style="">
										 <span style="color:red;">¥5.00</span> <span style="color:grey;text-decoration:line-through;margin-left:10px" >¥35.00</span>
										</div>
									</div>
								</div>
								<div class="book_item">
									<img src="https://img7.youlu.net/bookpic/l/079/34470795065b8.jpg-n" width="150px" height="150px" >
									<div class=""  style="padding: 0 40px;width: 100%;">
										<div class="" style="height: 40px;">
											谁的青春不迷茫
										</div>
										<div class="" style="height: 20px ;font-size: 12px;color:grey;">
											刘同
										</div>
										<div class="" style="">
										 <span style="color:red;">¥5.00</span> <span style="color:grey;text-decoration:line-through;margin-left:10px" >¥35.00</span>
										</div>
									</div>
								</div>
								<div class="book_item">
									<img src="https://img7.youlu.net/bookpic/l/557/30705570450c4.jpg-n" width="150px" height="150px" >
									<div class="" style="padding: 0 40px;width: 100%;">
										<div class="" style="height: 40px;">
											谁的青春不迷茫
										</div>
										<div class="" style="height: 20px ;font-size: 12px;color:grey;">
											刘同
										</div>
										<div class="" style="">
										 <span style="color:red;">¥5.00</span> <span style="color:grey;text-decoration:line-through;margin-left:10px" >¥35.00</span>
										</div>
									</div>
								</div>
								<div class="book_item">
									<img src="https://img7.youlu.net/bookpic/l/557/30705570450c4.jpg-n" width="150px" height="150px" >
									<div class=""  style="padding: 0 40px;width: 100%;">
										<div class="" style="height: 40px;">
											谁的青春不迷茫
										</div>
										<div class="" style="height: 20px ;font-size: 12px;color:grey;">
											刘同
										</div>
										<div class="" style="">
										 <span style="color:red;">¥5.00</span> <span style="color:grey;text-decoration:line-through;margin-left:10px" >¥35.00</span>
										</div>
									</div>
								</div>
								<div class="book_item">
									<img src="https://img7.youlu.net/bookpic/l/557/30705570450c4.jpg-n" width="150px" height="150px" >
									<div class=""  style="padding: 0 40px;width: 100%;">
										<div class="" style="height: 40px;">
											谁的青春不迷茫
										</div>
										<div class="" style="height: 20px ;font-size: 12px;color:grey;">
											刘同
										</div>
										<div class="" style="">
										 <span style="color:red;">¥5.00</span> <span style="color:grey;text-decoration:line-through;margin-left:10px" >¥35.00</span>
										</div>
									</div>
								</div>

							</div>
							
							
						</div>
					</div>
				</div>
				<div class="aside">
					<div>
						黑板报
					</div>
					<div>
						近期热销榜
					</div>
				</div>
				
			</div>
		</div>
		<!-- 内容部分 end  -->
		
	</body>
</html>
